<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui-timepicker-addon.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>保修-增加</title>
<style>
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left: 0px;
}
</style>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">代课安排</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;">
  <div class="row row_margin">
    <form class="form-horizontal" role="form" action="" method="post">
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">班级名称：</label>
        <div class="col-sm-10 ">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">学科名称：</label>
        <div class="col-sm-10 ">
          <select class="form-control" disabled>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">原科任：</label>
        <div class="col-sm-10 ">
          <select class="form-control" disabled>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">选择星期节数：</label>
        <div class="col-sm-10 ">
          <input type="text" class="form-control" value=""  data-toggle="modal" data-target="#myModal">
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">开始日期：</label>
        <div class="col-sm-10 ">
          <input type="text" class="form-control" value=""  id="datepicker" >
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">结束日期：</label>
        <div class="col-sm-10 ">
          <input type="text" class="form-control" value=""  id="datepicker2">
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">代理学科：</label>
        <div class="col-sm-10 ">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">代课老师：</label>
        <div class="col-sm-10 ">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">请假原因：</label>
        <div class="col-sm-10 ">
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
            公假 </label>
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
            年假 </label>
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
            病假 </label>
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
            事假 </label>
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
            产假 </label>
          <label class="radio-inline">
            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
            丧假 </label>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">备注：</label>
        <div class="col-sm-10 ">
          <textarea class="form-control" rows="3"></textarea>
        </div>
      </div>
    </form>
  </div>
  <!--row  end-->
  
  <div class="row row_margin" >
    <button type="button" class="btn btn-primary btn-lg btn-block btn-primary2">确定</button>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">老师课程表</h4>
      </div>
      <div class="modal-body">
        <table class=" table table-bordered text-center">
          <thead>
            <tr >
              <th>节次</th>
              <th>星期一</th>
              <th>星期二</th>
              <th>星期三</th>
              <th>星期四</th>
              <th>星期五</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>2</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>3</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>4</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>5</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>6</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>7</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>8</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal  end --> 

<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script> 
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历--> 
<script src="../static/js/jquery-ui-timepicker-addon.js"  type="text/javascript"></script> 
<script src="../static/js/jquery-ui-timepicker-zh-CN.js"  type="text/javascript"></script> 

<!--日历--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$("thead tr th").css("text-align","center");
	
  });
  </script> 

<!--编辑器--> 
<script type="text/javascript" src="../static/xhe/xheditor-1.2.2.min.js"></script> 
<script type="text/javascript" src="../static/xhe/xheditor_lang/zh-cn.js"></script> 
<script type="text/javascript">
$(pageInit);
function pageInit()
{
	$.extend(XHEDITOR.settings,{shortcuts:{'ctrl+enter':submitForm}});//修改默认设置
	$('#category_content').xheditor({modalWidth:700,modalHeight:500,upBtnText:'浏览',upLinkUrl:"!ckfinder/upload.html",upImgUrl:"!ckfinder/upload.html?type=Images",upFlashUrl:"!ckfinder/upload.html?type=Flash",upMediaUrl:"!ckfinder/upload.html"});
}
function submitForm(){$('#myform').submit();}
</script>
</body>
</html>
